import React from 'react'

import CookBookUi from '../ui/CookBookUi'

import useGetState from './useGetState'
import useGotoDetail from './useGotoDetail'

const Cookbook = (props) => {

  const { state } = useGetState()
  const { handleGotoDetail } = useGotoDetail()



  return (
    <CookBookUi
      list={state.get('list')}
      onGotoDetail={handleGotoDetail}
    ></CookBookUi>
  )

}

export default Cookbook
